<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.js"></script>
    <script src="js/public.js"></script>
    <title>云中宝</title>
</head>

<body>
<div class="wrapper">
<div class="header">
    <ul class='clearfix'>
        <li class="header_btn_wrapper float_l"><a href="javascript:goHistory()" class="header_btn"><img src="images/return_icon.png" alt=""></a></li>
        <li class="header_btn_wrapper float_r"><a href="javascript:goHome()" class="header_btn"><img src="images/home_icon.png" alt=""></a></li>
        <li class="header_title_wrapper">医疗保险定点医院</li>
    </ul> 
</div>
<div class="main pd10">
    <div class="rows intro">
        <div class="cols3">
           <div class="intro_head">
               <img src="images/thumb-3.jpg" width="100%" alt="">               
           </div>
        </div>
        <div class="cols8">
            <p class="intro_name">李三</p>
            <p class="intro_num">18556356666</p>
        </div>
    </div>
    <div class="content_wrapper">
        <div class="title"><p>医疗保险定点医院</p></div>
        <ul class="cnt_list hospital_change">
            <li class="rows">
              <div class="cols1">
                  <span>1</span>
              </div>
              <div class="cols11">
                <div class="form_item input_group">
                    <input class="form_input w_10" disabled= type="text">
                    <button class="input_btn w_10 btn_change" for="">更 改</button>        
                    <button class="input_btn w_10 btn_ok hidden" for="">确 定</button>        
                    <button class="input_btn w_10 btn_cancel hidden" for="">取 消</button>        
                </div>
              </div>   
            </li>
            <li class="rows">
              <div class="cols1">
                  <span>2</span>
              </div>
              <div class="cols11">
                <div class="form_item input_group">
                    <input class="form_input w_10" disabled= type="text">
                    <button class="input_btn w_10 btn_change" for="">更 改</button>        
                    <button class="input_btn w_10 btn_ok hidden" for="">确 定</button>        
                    <button class="input_btn w_10 btn_cancel hidden" for="">取 消</button>        
                </div>
              </div>   
            </li>
            <li class="rows">
              <div class="cols1">
                  <span>3</span>
              </div>
              <div class="cols11">
                <div class="form_item input_group">
                    <input class="form_input w_10" disabled= type="text">
                    <button class="input_btn w_10 btn_change" for="">更 改</button>        
                    <button class="input_btn w_10 btn_ok hidden" for="">确 定</button>        
                    <button class="input_btn w_10 btn_cancel hidden" for="">取 消</button>        
                </div>
              </div>   
            </li>
            <li class="rows">
              <div class="cols1">
                  <span>4</span>
              </div>
              <div class="cols11">
                <div class="form_item input_group">
                    <input class="form_input w_10" disabled= type="text">
                    <button class="input_btn w_10 btn_change" for="">更 改</button>        
                    <button class="input_btn w_10 btn_ok hidden" for="">确 定</button>        
                    <button class="input_btn w_10 btn_cancel hidden" for="">取 消</button>        
                </div>
              </div>   
            </li>
            <li class="rows">
              <div class="cols1">
                  <span>5</span>
              </div>
              <div class="cols11">
                <div class="form_item input_group">
                    <input class="form_input w_10" disabled= type="text">
                    <button class="input_btn w_10 btn_change" for="">更 改</button>        
                    <button class="input_btn w_10 btn_ok hidden" for="">确 定</button>        
                    <button class="input_btn w_10 btn_cancel hidden" for="">取 消</button>        
                </div>
              </div>   
            </li>
        </ul>
        <ul class="cnt_list">
            <li><p>注：每月25日前的修改次月生效，每月25日后的修改下下月生效</p></li>
        </ul>
        <div class="form_item">
            <a class="btn w_10" href="javascript:goHistory()">返 回</a>      
        </div>
    </div>    
</div> 
</div>
<div class="footer">
    <ul class="toolbar">
        <li class="account active"><a href="index_self.html"><p>我的账户</p></a></li>
        <li class="transact"><a href="transact_self.html"><p>我要办理</p></a></li>
        <li class="info"><a href="info_self.html"><p>服务信息</p></a></li>
        <li class="setting"><a href="setting_self.html"><p>个人设置</p></a></li>
    </ul>
</div>
</div>
<script type="text/javascript">
$(function(){
    var oldVal='';
    $('.btn_change').click(function(){
    oldVal = $(this).siblings('input').val();    $(this).addClass('hidden').siblings('.hidden').removeClass('hidden').siblings('input').attr('disabled',false);
        
    })
    $('.btn_ok').click(function(){
        $(this).siblings('.btn_change').removeClass('hidden').siblings('button').addClass('hidden').siblings('input').attr('disabled',true);
    })
    $('.btn_cancel').click(function(){
        $(this).siblings('.btn_change').removeClass('hidden').siblings('button').addClass('hidden')
        $(this).siblings('input').val(oldVal).attr('disabled',true);
    })
})
</script>   
</body>
</html>